<template>
  <div class="home">
    我是首页
    <my-haeder title="首页数据" @jump="routerGo"></my-haeder>
  </div>
</template>

<script>
// @ is an alias to /src
import { onMounted,ref,reactive,toRefs } from 'vue';
import MyHaeder from '../components/myHaeder.vue';
import { useRouter } from 'vue-router';
export default {
  name: 'Home',
  components:{MyHaeder},
  setup(props) { // 只要是在setup 函数里面使用的 东西，都需要引入
    console.log(1)
    const router = useRouter();
    // console.log(router);
    // let dom = document.querySelector('.home');
    // console.log(dom);
    onMounted(() => { // 
      console.log(2);
      let dom = document.querySelector('.home');
      console.log(dom);
    })
    
    const routerGo = () => {
       router.push('/about?id=5'); // 页面跳转，会往历史记录里面去存储
      //  router.replace('/about'); // replace 跳转页面不会
    }
    return{
      routerGo
    }
  }
}
</script>
